/*头部-搜索*/

.icon-search {
        display: inline-block;
        background: url('../images/icon.png');
        width: 18px;
        height: 18px;
        background-position: -1px 0;
        vertical-align: baseline;
    }

/*头部-用户*/

.icon-account {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 16px;
        background-position: -1px -21px;
        vertical-align: baseline;
    }

/*底部-文件*/

.icon-bottom-file {
        display: inline-block;
        background: url('../images/icon.png');
        width: 32px;
        height: 36px;
        background-position: -102px 0;
        vertical-align: -2px;
    }

/*返回顶部*/

.icon-totop {
        display: inline-block;
        background: url('../images/icon.png');
        width: 23px;
        height: 24px;
        background-position: -84px -303px;
        vertical-align: -7px;
    }

/*首页*/

/*轮播切换-左箭头*/

.icon-prev-arrow {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 30px;
        background-position: 0 -40px;
        vertical-align: baseline;
    }

/*轮播切换-右箭头*/

.icon-next-arrow {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 30px;
        background-position: 0 -73px;
        vertical-align: baseline;
    }

/*本月签署概况-待处理*/

.icon-wait-handle {
        display: inline-block;
        background: url('../images/icon.png');
        width: 21px;
        height: 24px;
        background-position: -1px -109px;
        vertical-align: baseline;
    }

/*本月签署概况-已处理*/

.icon-has-handle {
        display: inline-block;
        background: url('../images/icon.png');
        width: 20px;
        height: 24px;
        background-position: -1px -135px;
        vertical-align: baseline;
    }

/*本月签署概况-已完成*/

.icon-has-ok {
        display: inline-block;
        background: url('../images/icon.png');
        width: 21px;
        height: 24px;
        background-position: -1px -161px;
        vertical-align: baseline;
    }

/*账户信息-名称*/

.icon-account-name {
        display: inline-block;
        background: url('../images/icon.png');
        width: 24px;
        height: 19px;
        background-position: -1px -189px;
        vertical-align: -4px;
    }

/*账户信息-账号*/

.icon-account-number {
        display: inline-block;
        background: url('../images/icon.png');
        width: 24px;
        height: 24px;
        background-position: -1px -210px;
        vertical-align: -7px;
    }

/*账户信息-注册时间*/

.icon-account-time {
        display: inline-block;
        background: url('../images/icon.png');
        width: 24px;
        height: 24px;
        background-position: -1px -237px;
        vertical-align: -8px;
    }

/*文档管理页*/

/*侧边栏-全部文档*/

.icon-file-all {
        display: inline-block;
        background: url('../images/icon.png');
        width: 21px;
        height: 24px;
        background-position: -45px -135px;
        vertical-align: baseline;
    }

/*侧边栏-待签署*/

.icon-file-wait {
        display: inline-block;
        background: url('../images/icon.png');
        width: 21px;
        height: 24px;
        background-position: -44px -135px;
        vertical-align: baseline;
    }

/*侧边栏-已完成*/

.icon-file-ok {
        display: inline-block;
        background: url('../images/icon.png');
        width: 21px;
        height: 24px;
        background-position: -44px -161px;
        vertical-align: baseline;
    }

/*翻页-右箭头*/

.icon-page-next {
        display: inline-block;
        background: url('../images/icon.png');
        width: 8px;
        height: 16px;
        background-position: -80px -57px;
        vertical-align: -2px;
    }

/*翻页-左箭头*/

.icon-page-prev {
        display: inline-block;
        background: url('../images/icon.png');
        width: 8px;
        height: 16px;
        background-position: -70px -40px;
        vertical-align: -2px;
    }

/*文档签署页*/

/*文档-word*/

.icon-form-word {
        display: inline-block;
        background: url('../images/icon.png');
        width: 26px;
        height: 30px;
        background-position: 0px -265px;
        vertical-align: -6px;
    }

/*文档-头像*/

.icon-infor-user {
        display: inline-block;
        background: url('../images/icon.png');
        width: 14px;
        height: 16px;
        background-position: -38px -265px;
        vertical-align: -2px;
    }

.icon-infor-yellow-user {
        display: inline-block;
        background: url('../images/icon.png');
        width: 14px;
        height: 16px;
        background-position: -67px -265px;
        vertical-align: -2px;
    }

/*文档-日历*/

.icon-infor-calendar {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 15px;
        background-position: -38px -284px;
        vertical-align: -2px;
    }

.icon-infor-yellow-calendar {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 15px;
        background-position: -67px -284px;
        vertical-align: -2px;
    }

/*文档-同意签署*/

.icon-infor-agree {
        display: inline-block;
        background: url('../images/icon.png');
        width: 18px;
        height: 14px;
        background-position: -38px -237px;
        vertical-align: -2px;
    }

/*文档-下载*/

.icon-infor-download {
        display: inline-block;
        background: url('../images/icon.png');
        width: 18px;
        height: 18px;
        background-position: -38px -304px;
        vertical-align: -3px;
    }

/*文档-收藏*/

.icon-infor-state {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 16px;
        background-position: -67px -303px;
        vertical-align: -2px;
    }

/*文档-签署成功*/

.icon-infor-sign-success {
        display: inline-block;
        background: url('../images/icon.png');
        width: 90px;
        height: 80px;
        background-position: -97px -90px;
        vertical-align: -2px;
    }

/*用户中心页面*/

/*侧边栏-信息管理*/

.icon-user-infor {
        display: inline-block;
        background: url('../images/icon.png');
        width: 24px;
        height: 20px;
        background-position: -44px -193px;
        vertical-align: -4px;
    }

/*侧边栏-签名管理*/

.icon-user-sign {
        display: inline-block;
        background: url('../images/icon.png');
        width: 24px;
        height: 19px;
        background-position: -1px -189px;
        vertical-align: -4px;
    }

/*侧边栏-修改密码*/

.icon-user-password {
        display: inline-block;
        background: url('../images/icon.png');
        width: 21px;
        height: 24px;
        background-position: -101px -193px;
        vertical-align: -4px;
    }

/*登录注册验证提示*/

.icon-warn-ok {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 16px;
        background-position: -145px -10px;
        vertical-align: -3px;
    }

.icon-warn-fail {
        display: inline-block;
        background: url('../images/icon.png');
        width: 16px;
        height: 16px;
        background-position: -145px -28px;
        vertical-align: -3px;
    }

.icon-checkbox {
        display: inline-block;
        background: url('../images/icon.png');
        width: 10px;
        height: 8px;
        background-position: -145px 0;
        vertical-align: baseline;
    }

/*企业认证页面*/

/*企业认证-上传*/

.icon-upload {
        display: inline-block;
        background: url('../images/icon.png');
        width: 18px;
        height: 18px;
        background-position: -145px -48px;
        vertical-align: -4px;
    }

/*弹窗*/

/*弹窗-关闭*/

.icon-close {
        display: inline-block;
        background: url('../images/icon.png');
        width: 24px;
        height: 24px;
        background-position: -67px -237px;
        vertical-align: 0;
    }

.icon-close{
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s ease-out 0s;
	transition: -webkit-transform .2s ease-out 0s;
	transition: transform .2s ease-out 0s;
	transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}

.icon-close:hover {
        background-position:-5px -307px;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
}

/*弹窗-灯泡*/

.icon-lamp {
        display: inline-block;
        background: url('../images/icon.png');
        width: 36px;
        height: 36px;
        background-position: -102px -237px;
        vertical-align: 0;
    }









